<template>


 <div class="main_welcome">

    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
     <el-breadcrumb-item>文件管理</el-breadcrumb-item>
     <el-breadcrumb-item>文件列表</el-breadcrumb-item>
   </el-breadcrumb>

   <el-card>
      <el-row :gutter="25">
       <el-col :span="10">

          <el-input placeholder="请输入搜索内容" >-->
           <el-button slot="append" icon="el-icon-search" ></el-button>
          </el-input>
       </el-col>

       <el-col :span="4">
          <el-button type="primary" @click="addDialogVisible = true">查询文件</el-button>
       </el-col>
     </el-row>
   </el-card>

    <table class="table table-bordered table-hover">
     <thead>
      <el-dropdown>


       <el-dropdown-menu slot="dropdown">-->
        <el-dropdown-item >复制到</el-dropdown-item>
        <el-dropdown-item >移动到</el-dropdown-item>
         <el-dropdown-item >重命名</el-dropdown-item>
        </el-dropdown-menu>
       </el-dropdown>

     </thead>
     <tbody id="zuoye">


      </tbody>
   </table>
  </div>
</template>


<script>
import axios from "axios";
import $ from 'jquery';

var user=window.sessionStorage.getItem('username');
export default {
  data() {
   return {


   }
  },
 methods: {
   getList() {

     $.ajax({
       url: "http://localhost:9073/picture?user="+user,
       dataType: "json",
       success: function (resp) {
         $("#zuoye").empty();

          $.each(resp, function (i, n) {


           $("#zuoye").append("<tr><td class='m'><img class='a' width='150px' height='100px' src='http://localhost:9073/"+n.ctime+"'><a href='http://localhost:9065/"+n.ctime+"'>"+n.ctime+"</a></td><td class='m'>"+n.pname+"</td><td><el-button type='text' size='medium'><i class='el-icon-download'></i></el-button></td><td>"+n.min+"</td></td><td><el-button type='text' size='medium'><i class='el-icon-delete'></i></el-button></td><td><el-button type=\"text\" size=\"medium\"><i class=\"el-icon-more-outline\"></i></el-button></td></tr>");

         })
        }

     })

   }
  },

  created() {
    this.getList();
  }

}
</script>
<style lang="less" scoped>
.a{
  text-decoration: none;
}
.uploader-example {
  width: 880px;
  padding: 15px;
  margin: 40px auto 0;
  font-size: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}
.uploader-example .uploader-btn {
  margin-right: 4px;
}
.uploader-example .uploader-list {
  max-height: 440px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
</style>



<!-- 分页 -->





<!-- 分页 -->




